<template>
	<view>
		<!-- 认定条件弹窗 -->
		<view v-show="showMask" class="maskClass">
			<view v-show="showMask" style="width: 85%;height: 90%; border-radius: 5%; background-color: white;padding: 25rpx;margin: 40rpx auto;">
				<scroll-view scroll-y="true" style="height: 95%;" >
					<view v-html="entQuestionList.notice">
					</view>
					<view style="margin: 20rpx;">
						<button style="background-color: darkgray;border-radius: 5%; height: 100rpx; width: 40%;float: left;color: white;font-size: 38rpx;" @click="closeMask()">关闭</button>
						<button style="background-color:#016fb8;border-radius: 5%; height: 100rpx;width: 40%;float: right;color: white;font-size: 38rpx;" @click="showTech">开始测评</button>
					</view>
				</scroll-view>
			</view>
		</view>
		<view style="text-align: center;margin-top: 30%;">
			<view class="item_view">
				<image src="../../../static/images/tech.png" @click="getDataTech()"></image>
			</view>
			<view class="item_view">
				<image src="../../../static/images/techLittle.png" @click="getDataTechLittle()"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import env from '../../../utils/env';
	
	import * as notice from '@/api/innovate/notice.js'
	
	export default {
		components: {

		},
		data() {
			return {
				evaluationid:'',
				showMask:false,
				entQuestionList:{}
			}
		},
		onLoad(option) {
		},
		methods:{
			getDataTech(){
				this.evaluationid = 'ca93de59-45c5-423d-bdb2-411cc95fa7ce'
				notice.getNotice(this.evaluationid).then((res)=>{
					this.entQuestionList = res.data
				})
				this.showMask = true;
			},
			getDataTechLittle(){
				this.evaluationid = 'efb4b99c-d6d8-4f7f-8b06-94f8038578e5'
				notice.getNotice(this.evaluationid).then((res)=>{
					this.entQuestionList = res.data
				})
				this.showMask = true;
			},
			showTech(){
				this.showMask = false;
				if(this.evaluationid == 'ca93de59-45c5-423d-bdb2-411cc95fa7ce'){
					uni.navigateTo({
						url:('/subpages/pages/compamyEvaluation/index')
					})
				}else{
					uni.navigateTo({
						url:('/subpages/pages/compamyEvaluation/littleEvaluation')
					})
				}
				
			},
			closeMask(){
				this.showMask = false;
			},
		}
	}
</script>

<style>
	.item_view{
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-top: 20rpx;
	}
	.item_view image{
		height: 170rpx;
		width: 95%;
	}
	
	
	.maskClass {
		position:fixed;
		bottom:0;
		top:0;
		left:0;
		right:0;
		background-color:rgba(0, 0, 0, 0.5);
		z-index: 2;
	}	
	
	.submit_view {
		height: 90rpx;
	}
		
	.submit_view .submit{
		background-color: #016fb8;
		height: 70rpx;
		width: 40%;
		font-size: 28rpx;
		margin-top: 20rpx;
		float: left;
	}
	.submit_view .canncle{
		background-color: darkgray;
		height: 70rpx;
		width: 40%;
		font-size: 28rpx;
		margin-top: 20rpx;
		float: right;
	}
</style>